.x-youxuan-footer {
    background-color: #ffffff;
    width: 100%;
    border-top: 1px solid #f1f1f1;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
}
.x-youxuan-footer .x-rear {
    display: flex;
    background-color: #ffffff;
    align-items: center;
    height: 4rem;
    padding: .2rem .5rem;
}
.x-youxuan-footer .x-rear .left-tmp {
    position: relative;
    width: 2rem;
    height: 2rem;
    margin-right: .26667rem
}
.x-youxuan-footer .x-rear .left-tmp .img {
    height: 2rem;
    width: 2rem;
    border-radius: 50%
}
.x-youxuan-footer .x-rear .xrear-info {
    flex: 1;
    min-width: 0
}
.x-youxuan-footer .x-rear .xrear-info .tl {
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: .95rem;
    color: #fa6809;
    text-align: left;
    vertical-align: top
}
.x-youxuan-footer .x-rear .xrear-info .nor {
    margin-top: .18667rem;
    font-size: .62rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: .62rem;
    color: #666;
    text-align: left;
    vertical-align: top
}
.x-youxuan-footer .x-rear .xrear-btn {
    width: 7rem;
    height: 2.5rem;
    opacity: 1;
    border-radius: 2rem;
    border: .02667rem solid #00b594;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #00997d
}
.x-youxuan-footer .x-rear .xrear-btn {
    background: linear-gradient(-90deg, #fa8900 0%, #fa1e1e 100%);
    color: #fff;
    border: none
}
.x-rear img{width:100%;height: 200px}
@media screen and (max-width:640px){
.x-rear img{width:100%;height: 100px}	
}